{extend name="layouts@base" /}
{block name="head"}
<link rel="stylesheet" href="__STATIC__/mobile/default/css/userData.css" />
<style>
    .van-nav-bar__title{
        height: 46px;
        line-height: 46px;
    }
    .single{
        background-color: #fff;
        margin-bottom: 5px;
    }
    .name{
        margin-left: 10px;
    }
    .title{
        padding: 8px 10px;
        display: flex;
        align-items: center;
    }
    .detail{
        padding: 5px 10px;
        background-color: #f9f9f9;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .goodTitle{
        font-weight: bold;
        width: 100%;
    }
      .goodTitle2{
        width: 100%;
    }
    .price{
        color: #7f7f7f;
        text-align: center;
    }
    .numbers{
        padding: 8px 10px;
        color: #7f7f7f;
        border-bottom: 1px solid #f9f9f9;
    }
    .allPrice{
        padding: 8px 10px;
        font-size: 16px;
    }
</style>
{/block}
{block name="main" }
<div id="app" class="page-bd userData">
    <div class="single" v-for="item in memberList" :key="item.order_sn">
        <!-- <section class="title">
            <van-image round width="30px" height="30px" :src="item.avatar"></van-image>
            <p class="name">{{item.buy_name}}</p>
        </section> -->
        <!-- <section class="detail"> -->
            <!-- <van-image width="60px" height="60px" :src="item.goods_img" radius="10"></van-image> -->
            <!-- <p class="goodTitle">{{item.award_name}}</p> -->
            <!-- <div class="price">
                <p>销售收入</p>
                <p>+{{item.dividend_amount}}</p>
            </div> -->
        <!-- </section> -->
        <!-- <section class="numbers"> -->
            <!-- <p style="margin-bottom: 5px">{{item.nick_name}}</p> -->
            <!-- <p>下单时间：{{item.add_time}}</p> -->
        <!-- </section> -->
        <section class="allPrice">
            <p class="goodTitle">{{item.award_name}}</p>
            <p style="font-weight: bold;">
                <span style="text-align:left;">{{item.add_time}}</span>
                <span style="float:right">收入：+{{item.dividend_amount}}</span>
            </p>
        </section>
    </div>
</div>


{/block}

{block name="footer"}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.12/lib/index.css"/>
<script src="https://cdn.jsdelivr.net/npm/vant@2.12/lib/vant.min.js"></script>
<script type="text/javascript">
var app2 = new Vue({
  el: '#app',
  data: {
    value: '',
    memberList: []
  },
  mounted(){
    this.getList()
  },
  methods: {
    getList() {
        jq_ajax('{:url("member/api.center/awardlog")}',{},(res)=>{
            this.memberList = res.data
        });   
    }
  }
})
</script>

{/block}